/*维吾尔文样式*/
*{
    margin: 0;
    padding:0;
    list-style: none;
    font-family: "ALKATIP Basma Tom";
    direction: rtl;
    font-weight: 100;

}
body{
    background-color: #000;
}
.layout{
    width: 960px;
    overflow: hidden;
    clear: both;
    margin: auto;
}
#Slot{
    margin: auto;
    width: 600px;
    height: 600px;
    background: url("img/logo.png") no-repeat center;
    background-size: 300px;
    border: 10px solid #ffe100;
}
#Slot ul {
    position: relative;
    height: 600px;
}
#Slot ul li{
    width: 71px;
    height: 71px;
    border: 2px solid #ccc;
    position: absolute;
    background-size: 60px;
    background-repeat:no-repeat;
    background-position: center;

}
#Slot ul li em{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ccc;
    display: block;
    position: absolute;
}
#Slot ul li.thanks{
    background-image: url("img/rio-2-pedro-icon-4.png");
}
#Slot ul li#l1{
    background-image: url("img/alex-icon.png");
    right: 0;
    top:0;

}
#Slot ul li#l2{
    right: 0;
    top: 75px;
}
#Slot ul li#l3{
    background-image: url("img/alex-icon.png");
    right: 0;
    top: 150px;
}
#Slot ul li#l4{
    right: 0;
    top:225px;
}
#Slot ul li#l5{
    background-image: url("img/alex-icon.png");
    right: 0;
    top: 300px;
}
#Slot ul li#l6 {
    right: 0;
    top: 375px;
}
#Slot ul li#l7 {
    background-image: url("img/alex-icon.png");
    right: 0;
    top: 450px;
}
#Slot ul li#l8 {
    right: 0;
    top: 525px;
}
#Slot ul li#l9 {
    background-image: url("img/alex-icon.png");
    right: 75px;
    bottom:0;
}
#Slot ul li#l10 {
    right: 150px;
    bottom:0;
}
#Slot ul li#l11 {
    background-image: url("img/alex-icon.png");
    right: 225px;
    bottom: 0;
}
#Slot ul li#l12 {
    right: 300px;
    bottom:0px;
}
#Slot ul li#l13 {
    background-image: url("img/alex-icon.png");
    right: 375px;
    bottom:0;
}
#Slot ul li#l14 {
    right: 450px;
    bottom:0;
}
#Slot ul li#l15 {
    background-image: url("img/alex-icon.png");
    right: 525px;
    bottom:0;
}
#Slot ul li#l16 {
    left: 0px;
    bottom:75px;
}
#Slot ul li#l17 {
    background-image: url("img/alex-icon.png");
    left:0;
    bottom:150px;
}
#Slot ul li#l18 {
    left:0;
    bottom:225px;
}
#Slot ul li#l19 {
    background-image: url("img/alex-icon.png");
    left:0;
    bottom:300px;
}
#Slot ul li#l20 {
    left:0;
    bottom:375px;
}
#Slot ul li#l21 {
    background-image: url("img/alex-icon.png");
    left:0;
    bottom:450px;
}
#Slot ul li#l22 {
    left:0;
    bottom:525px;
}
#Slot ul li#l23 {
    background-image: url("img/alex-icon.png");
    top:0;
    left:75px;
}
#Slot ul li#l24 {
    top:0;
    left:150px;
}
#Slot ul li#l25 {
    background-image: url("img/alex-icon.png");
    top:0;
    left:225px;
}
#Slot ul li#l26 {
    top:0;
    left:300px;
}
#Slot ul li#l27 {
    background-image: url("img/alex-icon.png");
    top:0;
    left:375px;
}
#Slot ul li#l28 {
    top:0;
    left:450px;
}
#Slot ul li#l1 em{
    position: absolute;
    bottom: -10px;
    left: -10px;

}
#kunupka{
    position: absolute;
    background-color: blue;
    top:450px;
    left: 270px;
    color:azure;
    height: 30px;
    width: 60px;
    font-size: 20px;
}
#Slot ul li#l2 em,
#Slot ul li#l3 em,
#Slot ul li#l4 em,
#Slot ul li#l5 em,
#Slot ul li#l6 em,
#Slot ul li#l7 em{
    top:27.5px;
    left: -11px;
}
#Slot ul li#l8 em{
    top:-11px;
    left: -11px;
}
#Slot ul li#l9 em,
#Slot ul li#l10 em,
#Slot ul li#l11 em,
#Slot ul li#l12 em,
#Slot ul li#l13 em,
#Slot ul li#l14 em{
    top:-11px;
    left: 27.5px;
}
#Slot ul li#l15 em{
    top: -11px;
    right: -11px;
}
#Slot ul li#l16 em,
#Slot ul li#l17 em,
#Slot ul li#l18 em,
#Slot ul li#l19 em,
#Slot ul li#l20 em,
#Slot ul li#l21 em{
    right: -11px;
    top: 27.5px;
}
#Slot ul li#l22 em{
    bottom: -11px;
    right: -11px;
}
#Slot ul li#l23 em,
#Slot ul li#l24 em,
#Slot ul li#l25 em,
#Slot ul li#l26 em,
#Slot ul li#l27 em,
#Slot ul li#l28 em{
    bottom: -11px;
    left: 27.5px;
}
div#Slot ul li#l2{
    background-color: #ff920f;
    box-shadow: 0 0 20px red ;
}
div#Slot ul li#l2 em{
    background-color: #ffe100;
    box-shadow: 0 0 30px #f3ff12;
}

div#Bet{
    border: 10px solid #ffe100;
    border-radius: 50px 50px;
    height: 160px;
    margin: 20px auto;
}
div#Bet ul{
    height: 160px;
    margin: 0;
    padding: 0;


}
div#Bet ul li{
    width: 106.4px;
    float: left;

}
div#Bet ul li img{
    width: 102.4px;
    border: 2px solid #fff;
    border-radius: 50%;

}
div#Bet ul li h3{
    color: azure;
    text-align: center;
    margin: 15px 0 0 0;
}
div#Bet ul li.on img{
    background-color: #e2ff0b;
    border: 2px solid azure ;
    box-shadow: 0 0 20px #ff5d10;
}
div#Bet ul li.on h3{
    font-size: 30px;
    color: #ff5d10;
}




